<template>
	<div class="mall_goods_detail_shops">
		<div class="mall_goods_detail_shops_content">
			<router-link :to="{name:'mallShopsHome', params:{id:shops.shopid}}">
				<LazyImg src="http://i9.hexunimg.cn/mobile_show/image/20150706/20150706155449_859.png" :dataSrc="shops.pic" />
				<span>{{shops.title}}</span>
			</router-link>
		</div>
		<div class="mall_goods_detail_shops_path">
			<router-link :to="{name:'mallShopsAllGoods', params:{id:shops.shopid}}">全部商品</router-link>
			<router-link :to="{name:'mallShopsHome', params:{id:shops.shopid}}">进入店铺</router-link>
		</div>
	</div>
</template>
<script>
	import LazyImg from "../../components/common/lazy-img.vue";
	export default{
		name: "MallGoodsDetailShops",
		props:["shops"],
		data: function(){
			return {

			}
		},
		components:{
			LazyImg
		}
	}
</script>
<style lang="less">
	@base:23.44/1rem;
	.mall_goods_detail_shops{
		background-color: #fff;
		margin:10/@base 0 0;
		padding:20/@base;
		div{
			&.mall_goods_detail_shops_content{
				a{
					display:flex;
					color:#000;
					font-size: 22/@base;
					span{
						width:90%;
						display: block;
						margin-right:10/@base;
						&:first-child{
							width:80/@base;
							height:80/@base;
						}
						&:last-child{
							margin:0;
						}
						img{
							width:100%;
						}
					}
				}
			}
			&.mall_goods_detail_shops_path{
				margin:20/@base 0 0;
				display: flex;
				a{
					width:50%;
					display: block;
					text-align: center;
					color:#ff0000;
					border-radius: 20/@base;
					border:1/@base solid #ff0000;
					margin:0 20/@base;
					padding:5/@base 0;
					font-size:20/@base;
				}
			}
		}
	}
</style>